<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="UTF-8">
		<title>活动页面</title>
		<style type="text/css">
		*{
			margin:0;
			padding:0;
		}
		html,
		body{
			height:100%;
		}
		.shouye{
			position:absolute;
			width:100%;
			height:100%;
		}
		.shouye>.bg{
			position:absolute;
			z-index:-1;
			width:100%;
			height:100%;
		}
		
		#page2{
			display:block;
		}
		#page2>.bg{
			background:url("Page/bg.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.left001{
			position:absolute;
			width:144px;
			height:55px;
			left:103px;
			top:258px;
			margin:auto;
			background:url("Page/zhongjiang1.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.left002{
			position:absolute;
			width:144px;
			height:55px;
			left:103px;
			top:336px;
			margin:auto;
			background:url("Page/huodong1.png") no-repeat center center;
			background-size:100%;
		}
		
		#page2>.huodong2{
			position:absolute;
			width:880px;
			height:663px;
			right:114px;
			top:25px;
			margin:auto;
			background:url("Page/xiangqing2.png") no-repeat center center;
			background-size:100%;
			display:block;
		}
		#page2>.left_cloud{
			position:absolute;
			width:138px;
			height:100px;
			left:250px;
			bottom:65px;
			margin:auto;
			background:url("Page/3.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.right_cloud{
			position:absolute;
			width:187px;
			height:139px;
			right:0;
			top:63px;
			margin:auto;
			background:url("Page/4.png") no-repeat center center;
			background-size:100%;
		}
		#page2>.icon{
			position:absolute;
			width:343px;
			height:309px;
			right:43px;
			bottom:0;
			margin:auto;
			background:url("Page/5.png") no-repeat center center;
			background-size:100%;
			display:"block"
		}
		#page2>.bottom_cloud{
			position:absolute;
			width:288px;
			height:185px;
			right:63px;
			bottom:0;
			margin:auto;
			background:url("Page/6.png") no-repeat center center;
			background-size:100%
			display:"block";
		}
			#page2>.shuju{
			position:absolute;
			width:660px;
			height:400px;
			right:202px;
			top:202px;
			margin:auto;
			display:"none";
			font-size:22px;
			}
			li{
			padding:10px 25px 10px 25px;
			}
		
		
		</style>
	</head>
		<div class="shouye" id="page2">
			<div class="bg" ></div>
			<div class="left001" id="button3" ></div>
			<div class="left002" id="button4" onclick="xiangqing()"></div>
			<div class="huodong2" id="hd2"></div>
			<marquee class="shuju" id="xinxi" behavior=scroll direction=up scrollamount=5 size=3>
			<ul id="content">

			</ul>
			</marquee>
			<div class="left_cloud" id="cloud1"></div>
			<div class="right_cloud" id="cloud2"></div>
			<div class="bottom_cloud" id="cloud3"></div>
			
		</div>
		<script type="text/javascript">


		function xiangqing(){
		console.log("xiangqing");
			window.location.href="xiangqing.html";
		}
		function getMessage(){
			var s=abc.FromAndroid();
		}
		var s=abc.FromAndroid();

		var list=s.split(",");
		var arr=new Array();
		for(var i=0;i<list.length;i++){

			arr[i]=list[i];
		}

		var a="";
		for(var i=0;i<arr.length;i++){
			a+="<li>"+arr[i]+"</li>"+"<hr>";
		}


		window.onload=function(){
			
			var page2=document.getElementById("page2");
			
			var hd2=document.getElementById("hd2");
			var cloud=document.getElementById("cloud3");
			var back=document.getElementById("return");
			var button3=document.getElementById("button3");
			var button4=document.getElementById("button4");
			var shuju=document.getElementById("xinxi");
			document.getElementById("content").innerHTML=a;

			button3.focus();
			button3.onfocus=handFocus3;
			button3.onblur=handFocus3;
			function handFocus3(e){
				if(e.type=="focus"){
					e.target.style.background="url(Page/zhongjiang2.png) no-repeat center center";
					e.target.style.outline="none";
				}else{
					e.target.style.background="url(Page/zhongjiang1.png) no-repeat center center";
				}
			}
			button4.onfocus=handFocus4;
			button4.onblur=handFocus4;
			function handFocus4(e){
				if(e.type=="focus"){
					e.target.style.background="url(Page/huodong2.png) no-repeat center center";
					e.target.style.outline="none";
				}else{
					e.target.style.background="url(Page/huodong1.png) no-repeat center center";
				}
			}


			document.onkeydown=function(en){
				en=window.event||en;
				var ide=document.activeElement.id;
				if(en.keyCode==13&&ide=="button4"){
				console.log("button4");
					xiangqing();
				}
			}

		}


		</script>
	</body>
</html>